<template>
    <div>
        <div class="header"></div>
        <div class="subHeader"></div>
        <div class="banner"></div>
        <div class="subCate">
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>
            <div class="icon"></div>             
        </div>
    </div>
</template>
<style lang="scss" scoped>
.header{
    height: .88rem;
    background-color: #f0f0f0;
}
.subHeader{
    height: .88rem;
    background-color: #fff;
}
.banner{
    height: 3.6rem;
    background-color: #eee;
    width:100%;
}
.subCate{
    height: 3.04rem;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    .icon{
       width:20%;      
       height: 1.52rem;
       &:before{
        content:"";
        display: block;
        margin: .4rem auto;
        width:.7rem;
        height: .7rem;
        border-radius: .7rem;
        background-color: #eee;
       }
    }
}
</style>
 